@import "nav.css";

/****************
    招聘
******************/

.invite .navbar-default {
    background-color: #fff;
}

.invite .container {
    margin-top: 75px;
    min-height: calc(100vh - 61px - 110px);
    box-sizing: border-box;
}

.navgation {
    padding-left: 0px;
    list-style: none;
    margin: 50px 0px;
}

.navgation li {
    text-align: center;
    margin-right: 10px;
    line-height:40px;
}

.navgation li:not(.class):hover,
.navgation li:not(.class):active {
    color: #df0001;
    cursor: pointer;
}

.navgation li.class {
    border-bottom: .5px solid #eee;
}

.navgation .active {
    color: #df0001;
    font-weight: bold;
}

.tab-main {
    display: none;
}

.selected {
    display: block;
}

.job {
    padding: 15px 50px 15px 15px;
    margin: 20px 0px;
    box-shadow: 0px 6px 12px 0px #A5A5A5;
}

.job .title {
    font-size: 16px;
    font-weight: bold;
    color:#333;
}

.job .desc{
    padding-left: 20px;
    color:#666;
}
.job .desc li{
    font-size: 14px;
}

.job .desc ol{
    font-size: 13px;
}
@media screen and (max-width: 425px) {
   .navgation li{
       line-height: 30px;
   }
}
@media screen and (max-width: 768px) {
    .invite .container {
        margin-top: 70px!important;
    }
    .navgation{
        margin:0px!important;
    }
}
@media (min-width: 1441px){
.container {
      width: calc(100vw - 20%);
}
}